<template>
	<view>
	
		
		<view style="padding: 0 30rpx;">
			<u-form ref="uForm">
				<u-form-item required label="姓名" :label-width="130">
					<u-input v-model="username" placeholder="请填写" />
				</u-form-item>
			</u-form>
			<u-form ref="uForm">
				<u-form-item required label="手机号" :label-width="130">
					<u-input v-model="mobile" placeholder="请填写" />
				</u-form-item>
			</u-form>
			<u-form ref="uForm">
				<u-form-item required label="生日" :label-width="130">
					<view @click="sropen()">{{sr}}</view>
				</u-form-item>
			</u-form>
	
		</view>
		
		<view class="but">
			确认
		</view>
		
		
		<u-picker @confirm="srconfirm" v-model="srshow" mode="time"></u-picker>
		
		

	</view>
</template>

<script>
	export default {
		data() {
			return {
				username:'',
				mobile:'',
				sr:'请选择',
				srshow:false
			}
		},
		methods:{
			sropen(){
				this.srshow = true
			},
			srconfirm(e){
				console.log(e)
				this.sr = e.year+'年'+e.month+'月'+e.day+'日'
			}
		}
	}
</script>

<style>
	.title {
		background-color: #FAFAFA;
		font-size: 28rpx;
		color: #8A8A8A;
		padding: 30rpx 29rpx 14rpx 29rpx;
	}
	.but{
		position: fixed;
		bottom: 30rpx;
		width:690rpx;
		height:90rpx;
		background:linear-gradient(-17deg,rgba(255,114,59,1),rgba(255,147,67,1));
		border-radius:45rpx;
		left: 30rpx;
		text-align: center;
		line-height: 90rpx;
		color: white;
	}
</style>
